﻿<common:LayoutAwarePage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:StudyTime_1"
    xmlns:common="using:StudyTime_1.Common"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   
  xmlns:UI="using:Microsoft.Advertising.WinRT.UI"
    x:Name="pageRoot"
    x:Class="StudyTime_1.Page1"
    DataContext="{Binding DefaultViewModel, RelativeSource={RelativeSource Mode=Self}}"
    IsTabStop="false"
    mc:Ignorable="d" Loaded="pageRoot_Loaded" Background="Black"
  >



    <common:LayoutAwarePage.Resources>
        <Storyboard x:Name="page1Story">
            <PopInThemeAnimation  Storyboard.TargetName="quizMe" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="quizBuilder" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="studyCards" FromHorizontalOffset="1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="cardBuilder" FromHorizontalOffset="1000"/>

        </Storyboard>
    </common:LayoutAwarePage.Resources>
    <!--<common:LayoutAwarePage.BottomAppBar>
        <AppBar Opacity="0.8" Background="#E50AB660">
            <Grid>
              
               
            </Grid>
        </AppBar>
    </common:LayoutAwarePage.BottomAppBar>-->


    <!--<UserControl.Resources>
        <Storyboard x:Name="page1Story">
            <PopInThemeAnimation  Storyboard.TargetName="quizMe" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="quizBuilder" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="studyCards" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="cardBuilder" FromHorizontalOffset="1000"/>
        </Storyboard>

    </UserControl.Resources>-->

    <!--
        This grid acts as a root panel for the page that defines two rows:
        * Row 0 contains the back button and page title
        * Row 1 contains the rest of the page layout
    -->


    <Grid Style="{StaticResource LayoutRootStyle}" Background="#FFF37735">
        <Grid.RowDefinitions>
            <RowDefinition Height="140"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>






        <VisualStateManager.VisualStateGroups>

            <!-- Visual states reflect the application's view state -->
            <VisualStateGroup x:Name="ApplicationViewStates">
                <VisualState x:Name="FullScreenLandscape"/>
                <VisualState x:Name="Filled"/>

                <!-- The entire page respects the narrower 100-pixel margin convention for portrait -->
                <VisualState x:Name="FullScreenPortrait"/>

                <!-- The back button and title have different styles when snapped -->
                <VisualState x:Name="Snapped"/>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <!--<Grid>
            <cfo:CharmFlyout
           x:Name="cfoSettings"
           HeadingBackgroundBrush="#FF4E0000" Heading="UI Settings">
                <StackPanel>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting A"/>
                    </TextBlock>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting B"/>
                    </TextBlock>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting C"/>
                    </TextBlock>
                    <Grid
            Background="#FF4E0000" HorizontalAlignment="Left">
                        <Button
               
                Content="View Sub-Settings" />
                    </Grid>
                </StackPanel>
            </cfo:CharmFlyout>
        </Grid>-->

        <!-- Back button and page title -->
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <TextBlock x:Name="pageTitle" Text ="Study Time" Style="{StaticResource PageHeaderTextStyle}" Margin="21,0,923,9" Height="90" FontSize="72" >
        		<Run/>
        		<LineBreak/>
            </TextBlock>
        </Grid>

        <Grid Margin="10,53,0,0" x:Name="buttonGrid" Grid.Row="1">
            <Button Content="Study Cards" x:Name="studyCards" HorizontalAlignment="Center" Margin="843.642,220.361,139.684,220.144" VerticalAlignment="Center" Height="104.495" Width="286.674" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" BorderThickness="2" Click="studyCards_Click" BorderBrush="White" Opacity="0.995" FontSize="25">
                <Button.RenderTransform>
                    <CompositeTransform SkewX="15.571"/>
                </Button.RenderTransform>
            </Button>
            <Button Content="Study Card Builder" x:Name="cardBuilder"  HorizontalAlignment="Center" Margin="842.711,326.953,140.615,113.552" VerticalAlignment="Center" Height="104.495" Width="286.674" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" BorderThickness="2" Click="cardBuilder_Click" BorderBrush="White" Opacity="0.995" FontSize="25">
                <Button.RenderTransform>
                    <CompositeTransform SkewX="-15.571"/>
                </Button.RenderTransform>
            </Button>
            <Button Content="Quiz Builder" x:Name="quizBuilder" HorizontalAlignment="Center" Margin="122,327.285,861.326,113.22" VerticalAlignment="Center" Height="104.495" Width="286.674" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" BorderThickness="2" Click="quizBuilder_Click" BorderBrush="White" Opacity="0.995" FontSize="25" >
                <Button.RenderTransform>
                    <CompositeTransform SkewX="15.571"/>
                </Button.RenderTransform>
            </Button>

            <Button Content="Quiz Me" x:Name="quizMe" HorizontalAlignment="Center" Margin="119.658,218.79,863.668,221.715" VerticalAlignment="Center" Height="104.495" Width="286.674" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" BorderThickness="2" Click="quizMe_Click" BorderBrush="White" Opacity="0.995" FontSize="25" >
                <Button.RenderTransform>
                    <CompositeTransform SkewX="-15.571"/>
                </Button.RenderTransform>
            </Button>

            <Button  Content="Share" x:Name="Share_Copy" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="2" Height="71" Width="127" BorderBrush="{x:Null}" Opacity="0.995" FontSize="28"  Click="Share_Click" Margin="1149,488,-6,16" RenderTransformOrigin="0.84,0.483" />
            <Button VerticalAlignment="Center" HorizontalAlignment="Center" x:Name="HELP" Content="HELP!" Height="79" Width="150" Background="{x:Null}" BorderBrush="{x:Null}" FontSize="28" Click="HELP_Click" Margin="27,489,1179,7" />
            <Image HorizontalAlignment="Center" Height="214" Margin="545,256,523,105" VerticalAlignment="Center" Width="288" Source="Logo1_150x150.png" NineGrid="0"/>


            <ScrollViewer x:Name="imgScroll"
                          HorizontalAlignment="Center"
                          VerticalScrollMode="Disabled" 
                          HorizontalScrollMode="Enabled" 
                          VerticalScrollBarVisibility="Hidden" 
                          HorizontalScrollBarVisibility="Visible"
                          Visibility="Collapsed" 
                          Height="536"
                          Margin="0,-63,0,70"
                          VerticalAlignment="Center"
                          Width="1356" RenderTransformOrigin="0.5,0.5">
                <Image Name="img" Height="468" Width="1972" Source="Images/helpST.png"/>
            </ScrollViewer>


        </Grid>
        <!--<UI:AdControl ApplicationId="testclient" AdUnitId="ADPT44" HorizontalAlignment="Left" Height="115" Margin="210,35,0,0" Grid.Row="1" VerticalAlignment="Top" Width="838"/>-->
    </Grid>
</common:LayoutAwarePage>
